<template>
    <div class="articleDisplayPage-box">
      <ArticleTop />
      <ArticleContent />
      <ArticleBottom />
      <TranslateAndBaike />
      <ChangeLanguage />
      <BackUp />
    </div>
</template>

<script>
    import ArticleTop from './ArticleTop'
    import ArticleContent from './ArticleContent'
    import ArticleBottom from './ArticleBottom'
    import TranslateAndBaike from '../works-display-page/TranslateAndBaike'
    import BackUp from '../../common/BackUp'
    import ChangeLanguage from '../../common/ChangeLanguage'

    export default {
        name: "MyselfArticle",
        components:{
            ArticleTop,
            ArticleContent,
            ArticleBottom,
            TranslateAndBaike,
            ChangeLanguage,
            BackUp
        },
        // 已弃用
        // beforeCreate: function () {
        //     this.axios.post('http://localhost:8081/loginReg/weatherLogin').then(res=>{
        //         if (res.data == false) {
        //             this.$router.push('/loginRegistrationPage')
        //         }
        //     }).catch(
        //         exception=>{
        //             this.$router.push('/loginRegistrationPage')
        //         }
        //     )
        // },
    }
</script>

<style>
  body{
    background-color: #FFFFFF;
  }
  .articleDisplayPage-box{
    position : absolute;
    width : 100%;
    background-image: linear-gradient(to top, #34d0a1 0%, #72afd3 100%);
  }
</style>
